@media screen and (min-width:750px) {
    html{
        font-size: 100px;
    }
}
@media screen and (max-width:750px) {
    html{
        font-size: 13.33vw; 
    }  
}
*{
    margin: 0;
    padding: 0;
}
body{
    width: 7.5rem;
    margin: 0 auto;  
height: 16.21rem;
background: #F9FBFC;
}
header{
    width: 7.5rem;
    height: 1.74rem;
    display: flex;
    flex-wrap: wrap;
background: #FFFFFF;
}
.one1{
    width: 7.5rem;
    height: .44rem;
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-top: .2rem;
}
.one2 p{
    width: .6rem;
    height: .3rem;
    font-size: .1rem;
    color:black;
    font-weight: bold;
}
.one2 img{
    width: .5rem;
    height: .3rem;
}
.one2{
    width: 3rem;
    height: .3rem;
    display: flex;
    margin-left: .4rem;
}
.one3 img:nth-of-type(1){
    width: .5rem;
    height: .3rem;
}
.one3{
    height: .3rem;
    width: 2rem;
    display: flex;
    justify-content: space-around;
    margin-right: .4rem;
}
.one3 img:nth-of-type(2){
    width: .5rem;
    height: .3rem;
}
.one3 img:nth-of-type(3){
    width: .5rem;
    height: .3rem;
}
.one4{
    margin-top: .2rem;
    width: 6.5rem;
    height: 1rem;
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-left: .35rem;
}
.enn{
    width: .25rem;
    height: .38rem;
    display: flex;
}
.enn1{
    width: 1.74rem;
    height: .62rem;
    display: flex;

}
.enn img{
    width: .25rem;
height: .38rem;
border-radius: 2px;
}
.one4 p{
    width: 1.63rem;
height: .34rem;
 margin-left: 1.4rem;
font-size: .36rem;
font-family: PingFangSC;
font-weight: 600;
color: black;
line-height: .39rem;
}
.enn1>img{
    width: 1.74rem;
    height: .62rem;
    border-radius: .31rem;
    margin-left: .3rem;
}